<!doctype html>
<html lang="zh">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>巫妖个人博客</title>
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/index.css" media="all" />
		<style>
			.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}
			.pagination>li{display:inline}
			.pagination>li>a,
			.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#428bca;text-decoration:none;background-color:#fff;border:1px solid #ddd}
			.pagination>li:first-child>a,
			.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
			.pagination>li:last-child>a,
			.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
			.pagination>li>a:hover,
			.pagination>li>span:hover,
			.pagination>li>a:focus,
			.pagination>li>span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}
			.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,
			.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:#428bca;border-color:#428bca}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}
		</style>
	</head>

	<body class="home blog custom-background round-avatars">
	{include file="common/head"/}
		<div id="main" class="content">
			<div class="container">
				<article id="post-2" class="js-gallery post-2 page type-page status-publish has-post-thumbnail hentry">
					<style>
						.meta {
							display: none;
						}
						
						#NextPrevPosts {
							margin: 0;
							visibility: hidden;
						}
					</style>
					<section class="post_content">
						<header class="post_header">
							<h1 class="post_title">访客留言</h1>
						</header>

					</section>
				</article>
			</div>
			<svg id="upTriangleColor" width="100%" height="40" viewBox="0 0 100 102" preserveAspectRatio="none">
				<path d="M0 0 L50 100 L100 0 Z"></path>
			</svg>
			<div id="panel">
				<div class="comment-area">
					<section class="comments">
						<div class="comments-main">
							<div id="comments-list-title"><span>{$x}</span> 条评论 </div>
							<div id="loading-comments">
								<div class="host">
									<div class="loading loading-0"></div>
									<div class="loading loading-1"></div>
									<div class="loading loading-2"></div>
								</div>
							</div>
							<ul class="commentwrap">
								{volist name="list" id="vo"}
								<li class="comment even thread-even depth-1" id="li-comment-">
									<div id="comment-936" class="comment_body contents">
										<div class="main shadow">
											<div class="commentinfo">
												<section class="commeta">
													<div class="shang">
														<h4 class="author">{$vo.name}</h4>
													</div>
												</section>
											</div>
											<div class="body">
												<p>{$vo.message}</p>
											</div>
											<div class="xia info">
												<span><time>{$vo['uptime']|date="Y-m-d",###}</time></span>
											</div>
										</div>
									</div>
								</li>
								{/volist}
							</ul>
							<div style="text-align: center;margin-top: 10px">{$list->render()}</div>

							<div id="respond" class="comment-respond">
								<form action="" method="post" id="commentform" class="clearfix">
									<div class="author-info">
										<input type="text" name="name" id="name" placeholder="昵  称 : " value="" tabindex="1" required="" title="Name (required)" />
										<input type="text" name="code" id="code" placeholder="验证码 : " value="" tabindex="1" required="" title="Name (required)" />
										<img src="{:captcha_src()}" alt="captcha" style="float: right" onclick="this.src='{:captcha_src()}?' + Math.random()"/>
									</div>

									<div class="comment-form-info">
										<div class="real-time-gravatar">
											&nbsp&nbsp&nbsp&nbsp&nbsp
										</div>
										<p class="input-row">
											<textarea class="text_area" rows="3" cols="60" name="message" id="message" tabindex="4" placeholder="你不说两句吗？(°∀°)ﾉ……" required></textarea>
											<input type="submit" name="submit" class="button" id="submit" tabindex="5" value="发送" />
										</p>
									</div>
								</form>
							</div>
						</div>
					</section>
				</div>
			</div>
			<svg id="dwTriangleColor" width="100%" height="40" viewBox="0 0 100 102" preserveAspectRatio="none">
				<path d="M0 0 L50 100 L100 0 Z"></path>
			</svg>
			<div class="wrapper">
			</div>
		</div>

	{include file="common/foot"/}
			<script type='text/javascript' src='__PUBLIC__/js/jquery.min.js'></script>
			<script type='text/javascript' src='__PUBLIC__/js/plugins.js'></script>
			<script type='text/javascript' src='__PUBLIC__/js/script.js'></script>
			<script type='text/javascript' src='__PUBLIC__/js/particles.js'></script>
			<script type='text/javascript' src='__PUBLIC__/js/aos.js'></script>

	</body>

</html>